<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font-size: 12px;
        }

        .merchandise {
            width: 220px;
            height: 425.6px;
            padding: 38px 9px 10px;
            border: 1px solid #FFF;
        }

        #shangping :hover {
            border: color(#e9e9e9);
            box-shadow: 0 0 2px 2px #f8f8f8;
        }

        .p-price {
            width: 220px;
            height: 22px;

            margin-bottom: 8px;
        }

        .p-price i {

            color: #e4393c;
            font-size: 20px;
        }

        .p-price em {
            color: #e4393c;
            font-weight: 400;
            font-family: Verdana;
        }


        a {
            text-decoration: none;
            color: #666;
        }

        .p-shop {
            line-height: 18px;
            height: 18px;
            overflow: hidden;
            margin-top: -3px;
            margin-bottom: 9px;
        }

        .p-name {
            height: 40px;
            margin-bottom: 8px;
            overflow: hidden;
        }

        .p-commit {
            width: 100%;
            height: 18px;
            margin-top: -3px;
            margin-bottom: 9px;
            overflow: hidden;
        }

        .icons>i {
            float: left;
            height: 16px;
            line-height: 16px;
            padding: 0 3px;
            margin-right: 3px;
            overflow: hidden;
            text-align: center;
            font-style: normal;
            font-size: 12px;
            font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif;
            background: #e23a3a;
            color: #fff;
            cursor: default;
            border-radius: 2px;
        }
    </style>
</head>

<body>
    <div id="shangping">
        <div class="merchandise">
            <div class="p-img"><a href="#"><img width="220px" height="220px"
                        src="./img/99ef6c516c08f024c511ba2258ae3d5.jpg" alt=""></a></div>
            <div class="p-price"><strong><em>￥</em><i>39.00</i></strong></div>
            <div class="p-name"><a target="_blank" title="" href="//item.jd.com/10100475638155.html">
                    <em>laifen扫振电动牙刷刷头 缓震款(ABS+TPU材质) 标准护龈【推荐】 3支</em>
                    <i class="promo-words" id="J_AD_10100475638155"></i>
                </a></div>
            <div class="p-commit"><strong><a id="J_comment_10100475638155" target="_blank"
                        href="//item.jd.com/10100475638155.html#comment"
                        onclick="searchlog(1, '10100475638155','3','3','','flagsClk=2097626');">2000+</a>条评价</strong>
            </div>
            <div class="p-shop"><span class="J_im_icon"><a target="_blank" class="curr-shop hd-shopname"
                        onclick="searchlog(1,'11909634',0,58)" href="//mall.jd.com/index-11909634.html?from=pc"
                        title="徕芬京东自营官方旗舰店">徕芬京东自营官方旗舰店</a><b class="im-02"
                        style="background:url(//img14.360buyimg.com/uba/jfs/t26764/156/1205787445/713/9f715eaa/5bc4255bN0776eea6.png) no-repeat;"
                        title="联系客服" onclick="searchlog(1,11909634,0,61)"></b></span></div>
            <div class="icons"><i class="goods-icons J-picon-tips J-picon-fix" data-idx="1" data-tips="京东自营，品质保障">自营</i>
            </div>
        </div>
    </div>
</body>

</html>